<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/base/reset.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/base/hf_sk.css" type="text/css" rel="stylesheet" />
<link href="../../css/detail.css" type="text/css" rel="stylesheet" />

<!--[if ie 6]><script src="../../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><script src="../js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="../../css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	
    <!-- head -->
	<div class="w100p header">
    	<div class="w980 mg">
        	<div class="secmenu clearfix">
            	<p class="fl">爽客欢迎词&nbsp;&nbsp;&nbsp;<a href="#" class="login">登录</a>|<a href="#">注册</a></p>
                <ul class="fr">
                	<li><a href="#">申请爽卡</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">购物指南</a></li>
                    <li class="last"><a href="#">点评有奖</a></li>
                </ul>
            </div>
            <div class="logo_box clearfix">
            	<img src="../../images/common/logo_new.gif" class="fl block" />
                <div class="ordernums">
                	<span>订购电话 8:00 - 21:00</span>
                </div>
                <div class="fr mr10 mt5">
                	<a href="#" class="fl mr10"><img src="../../images/smallpic/apple.gif" class="block" /></a>
                    <a href="#" class="fl"><img src="../../images/smallpic/andriod.gif" class="block" /></a>
                </div>
            </div>
        </div>
        <!-- mainmenu-->
		<div class="w100p menu_box">
        	<div class="w980 mg">
            	<ul class="mainmenu">
                	<li><a href="#">首页</a></li>
                    <li><a href="#">打折门牌</a></li>
                    <li><a href="#">特惠酒店</a></li>
                    <li><a href="#">特价美食</a></li>
                    <li><a href="#">旅游商品</a></li>
                    <li><a href="#">线路推荐</a></li>
                    <li><a href="#">旅游地产</a></li>
                    <li><a href="#">展会博览</a></li>
                    <li><a href="#">景区大全</a></li>
                    <li><a href="#">分类信息</a></li>
                    <li><a href="#">摄天下</a></li>
                    <li><a href="#">微贵州</a></li>
                    <li><a href="#">我的行程</a></li>
                    <li><a href="#">点评</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
        </div> 
        <!-- mainmenu--end-->   
    </div>
    <!-- header-->
	
	<div class="wrap">
    	<div class="w980 mg mt20 mb20 book_hotel">
            <div class="order_tip"></div>
            <div class="f_order_title">
            	<span class="fl">预订：</span><i class="fl">杭州灵隐居悦精品客栈</i>
            	<div class="fr pr clearfix">
                    <a href="#" class="f_orderbg ensure_3">放心保障</a>
                    <div class="f_tc_tip_3">
                    	如您在驴妈妈的订购价格高于景点的当天门市价，我们无条件退还差价。
                        <span class="f_arror"></span>
                    </div>
                </div>
            </div>
            <!-- content -->
            <div class="f_detail_box">
            	<!-- pro-info-->
            	<div class="f_pro_box">
                	<h1><i class="f_orderbg"></i>产品信息</h1>
                    <table class="hotel_list dis1">
                    	<thead>
                        	<th width="115" class="col_s1">入住日期</th>
                            <th width="115" class="col_s1">离开日期</th>
                            <th width="115" class="col_s1">入住晚数</th>
                            <th width="130" >入住房型</th>
                            <th width="96">市场价</th>
                            <th width="86">现售价</th>
                            <th width="130">数量(间/晚)</th>
                            <th width="120">小计</th>
                        </thead>
                    	<tbody>
                        	<tr>
                            	<td class="col_s1"><span>2012-05-10</span></td>
                                <td class="col_s1">2012-06-21</td>
                                <td class="col_s1">14晚</td>
                                <td class="col_s2"><a href="#" class=" clrblue">206粉红色调房</a></td>
                                <td class="col_s2"><span class="farial lt">¥6272</span></td>
                                <td class="col_s2"><span class="farial clrf60 fb">¥3592</span></td>
                                <td>
                                	<div class="nums_wrap">
                                        <a href="#" class="f_orderbg minus"></a>
                                        <input type="text" />
                                        <a href="#" class="f_orderbg add"></a>
                                    </div>
                                </td>
                                <td class="col_s2"><span class="farial clrf60 fb">¥3592</span></td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="dis1 instruc_wrap">
                    	<ul class="f_instruc clearfix">
                        	<li class="current">
                            	费用说明
                            </li>
                            <li>
                            	退款说明
                            </li>
                        </ul>
                        <div class="content">
                        	123123
                        </div>
                        <div class="content" style="display:none;">
                        	123123
                        </div>
                    </div>
                </div>
                <!-- pro-info--end -->
                <!-- ticketer-info -->
                <div class="f_pro_box">
                	<h1><i class="f_orderbg"></i>入住人信息<span class="clrc06">（请准确填写入住人信息，我们将向取票人手机发送订单短信）</span></h1>
                    <ul class="input_info dis1">
                    	<li>
                        	<label><i class="alarm">*</i>入住人姓名：</label>
                            <input type="text" />
                        </li>
                        <li>
                        	<label><i class="alarm">*</i>入住人手机：</label>
                            <input type="text" />
                            <span class="mt10 ml10">（免费接收短信，作为订购与取票凭证，请准确填写）</span>
                        </li>
                    </ul>
                </div>
                <!-- ticketer-info--end -->
                <!-- orderbak -->
                <div class="f_pro_box">
                	<h1><i class="f_orderbg"></i>订单备注</h1>
                    <ul class="input_info dis1 remark">
                    	<li>
                        	<label>订单备注：</label>
                            <textarea rows="4" cols="70">你对订单的特殊要求</textarea>
                        </li>
                    </ul>
                </div>
                <!-- orderbak--end -->
                <div class="f_price_wrap">
                	<span>产品金额：</span><em>¥120</em><span> - 优惠活动：</span><em>¥0</em> = 应付：<span class="f_pay_price"><em>¥</em>120</span>
                </div>
                <div class="f-order_commit">
                	<input type="button"  value="确认下单" class="f_orderbg f_btn_sub" />
                    <input type="checkbox" class=" cb_style" checked="checked" /><label class="clrblue">同意驴妈妈票务预订协议</label>
                </div>
            </div>
            <!-- content--end-->
        </div>
    </div>
    
    <!--footer-->
    <div class="w100p">
    	<div class="w980 mg footer mt10">
        	<div class="prove_img">
            	<a href="#"><img src="../../images/smallpic/foot_1.gif" class="block" /></a>
                <a href="#"><img src="../../images/smallpic/foot_2.gif" class="block" /></a>
                <a href="#"><img src="../../images/smallpic/foot_3.gif" class="block" /></a>
                <a href="#"><img src="../../images/smallpic/foot_1.gif" class="block" /></a>
                <a href="#"><img src="../../images/smallpic/foot_2.gif" class="block" /></a>
                <a href="#"><img src="../../images/smallpic/foot_3.gif" class="block" /></a>
            </div>
            <p class="footmenu">
            	<a href="#">关于我们</a>
                <a href="#">网站地图</a>
                <a href="#">帮助中心</a>
                <a href="#">友情链接</a>
                <a href="#">诚聘英才</a>
                <a href="#">意见反馈</a>
                <a href="#">广告业务</a>
                <a href="#" class="last">分销合作</a>
            </p>
            <p class="copyright">Copyright © 2012 www.lvmama.com. 上海景域文化传播有限公司版权所有　沪ICP备07509677　增值电信业务经营许可证编号：<a href="#">沪B2-20100030</a></p>
            <div class="elselink_box clearfix">
            	<span>合作网站：</span>
                <div class="elselink">
                	<a href="#">新浪旅游</a><a href="#">环球网旅游</a><a href="#">天涯旅游</a><a href="#">一起游</a><a href="#">新浪旅游</a><a href="#">环球网旅游</a><a href="#">天涯旅游</a><a href="#">一起游</a><a href="#">新浪旅游</a><a href="#">环球网旅游</a><a href="#">天涯旅游</a><a href="#">一起游</a><a href="#">新浪旅游</a><a href="#">环球网旅游</a><a href="#">天涯旅游</a><a href="#">一起游</a><a href="#">新浪旅游</a><a href="#">环球网旅游</a><a href="#">天涯旅游</a><a href="#">一起游</a><a href="#">新浪旅游</a><a href="#">环球网旅游</a><a href="#">天涯旅游</a><a href="#">一起游</a>
                </div>
            </div>
            <div class="elselink_box clearfix">
            	<span>友情链接：</span>
                <div class="elselink">
                	<a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a><a href="#">火车时刻表</a><a href="#">快捷酒店</a><a href="#">团购导航</a>
                </div>
            </div>
        </div>
    </div>
    <!--footer--end-->
    
</body>
</html>
